﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>分享家</title>
    <link rel="stylesheet" href="./lib/css/api.css">
    <link rel="stylesheet" href="./lib/css/mui.css">
    <script src="http://at.alicdn.com/t/font_371407_tn1unhc0jqo20529.js"></script>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
<main id="main">
    <nav id="tab-nav">
        <a @click="openF('html/find.html',1)" v-show="ROLE==='0'">
            <svg v-show="!tab1" class="icon" aria-hidden="true">
                <use xlink:href="#icon-find-o"></use>
            </svg>
            <svg v-show="tab1" class="icon active" aria-hidden="true">
                <use xlink:href="#icon-find"></use>
            </svg>
            <span class="tab-label" :class="{active:tab1}">发现</span>
        </a>
        <a @click="openF('html/landlord_manage_indent.html',1)" v-show="ROLE==='1'">
            <svg v-show="!tab1" class="icon" aria-hidden="true">
                <use xlink:href="#icon-order-o"></use>
            </svg>
            <svg v-show="tab1" class="icon active" aria-hidden="true">
                <use xlink:href="#icon-order"></use>
            </svg>
            <span class="tab-label" :class="{active:tab1}">订单</span>
        </a>
        <a @click="openF('html/indent.html',2)" v-show="ROLE==='0'">
            <svg v-show="!tab2" class="icon" aria-hidden="true">
                <use xlink:href="#icon-order-o"></use>
            </svg>
            <svg v-show="tab2" class="icon active" aria-hidden="true">
                <use xlink:href="#icon-order"></use>
            </svg>
            <span class="tab-label" :class="{active:tab2}">订单</span>
        </a>
        <a @click="openF('html/landlord_manage_house.html',2)" v-show="ROLE==='1'">
            <svg v-show="!tab2" class="icon" aria-hidden="true">
                <use xlink:href="#icon-house-manage-o"></use>
            </svg>
            <svg v-show="tab2" class="icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1505733536175" style="" viewBox="0 0 1024 1024" version="1.1" p-id="13251" width="200" height="200"><defs><style type="text/css"/></defs><path d="M644.003597 930.062556c-17.191166-15.246927-24.558809-41.647647-18.009793-64.262216l1.227941-4.297792c1.125612-5.525732 0.204657-11.358449-2.558209-16.270211-2.762866-5.01409-7.060658-8.595583-12.177077-10.437493l-4.195463-1.023284c-21.898271-5.116419-40.215049-25.172779-44.205856-48.503648-0.409313-2.455881-1.841911-12.279404-1.84191-32.745078 0-20.568002 1.432597-30.289198 1.84191-32.847407 3.888478-22.921555 22.512241-43.387229 44.308185-48.503647l4.297791-1.023284c5.116419-1.841911 9.311882-5.423404 12.074748-10.335165 3.376836-6.139702 3.376836-12.074748 2.558209-16.270211l-1.330269-4.40012c-6.549016-22.716898 0.920955-49.117618 18.112122-64.262217 2.046567-1.841911 9.41421-7.981613 25.991406-18.009793 17.088838-10.232837 25.786749-13.81433 28.037973-14.735285 20.772659-7.981613 47.480364-1.023284 62.420306 15.758569l2.967523 3.274508c4.093135 3.683821 9.209553 5.730389 14.632957 5.730389 6.856001 0 11.665434-2.967523 14.632957-5.730389l3.172179-3.479165c15.144599-16.781853 41.647647-23.535525 62.317978-15.65624 0.920955 0.409313 2.967523 1.22794 6.037373 2.660537h6.139703c31.210153 0 42.05696-15.349256 45.536124-24.968122 1.330269-3.274508 2.455881-7.981613 2.455881-13.609673 0-9.925852-3.78615-22.921555-17.600479-37.759169L543.824123 87.593085c-3.78615-3.990806-7.981613-7.469971-12.381733-10.437494-11.256121-7.674628-24.45648-11.972419-38.168482-12.177076-0.511642 0-0.920955-0.102328-1.432597-0.102328h-0.204657c-0.511642 0-0.920955 0.102328-1.432597 0.102328-13.712002 0.204657-26.912361 4.502448-38.27081 12.279404-4.40012 2.967523-8.595583 6.446687-12.381733 10.335166L82.425502 468.459279c-13.916658 14.837614-17.60048 27.935645-17.60048 37.861496 0 5.62806 1.125612 10.232837 2.455881 13.507345 3.479165 9.618867 14.325972 24.968122 45.536125 24.968123h42.05696v283.75657c0.102328 67.639053 49.936245 122.998701 113.277506 128.217448 5.832717 0.920955 11.665434 1.432597 17.702808 1.432597h402.150495c-4.40012-2.251224-10.232837-5.423404-17.702808-9.925852-16.986509-10.335165-24.354152-16.474868-26.298392-18.21445zM956.923753 726.326771c-1.432597-8.18627-9.004897-16.577196-16.781852-18.419106l-5.832717-1.432598c-13.712002-4.40012-25.991406-13.916658-33.768363-27.935645-7.776956-14.121315-9.618867-30.084541-6.24203-44.819826l1.841911-5.730388c2.353553-7.981613-0.716299-18.930748-6.856001-24.456481 0 0-5.525732-4.911762-21.079645-14.223643-15.553912-9.311882-22.205256-11.870091-22.205256-11.870091-7.572299-2.865194-18.112122-0.102328-23.637853 5.935045l-4.093135 4.604777c-10.437494 10.335165-24.45648 16.577196-40.010393 16.577196-15.553912 0-29.675227-6.344359-40.112721-16.781853l-3.990806-4.40012c-5.423404-6.139702-16.065554-8.902568-23.637854-5.935045 0 0-6.753672 2.558209-22.307585 11.870091-15.553912 9.41421-20.977316 14.325972-20.977315 14.325971-6.139702 5.423404-9.209553 16.270211-6.856001 24.354153l1.739582 5.832717c3.274508 14.735285 1.534926 30.596183-6.242031 44.717497-7.776956 14.121315-20.158689 23.740182-33.973018 27.935645l-5.628061 1.330269c-7.776956 1.841911-15.349256 10.130509-16.781853 18.419107 0 0-1.22794 7.367643-1.22794 26.093734s1.22794 26.093734 1.22794 26.093735c1.432597 8.288598 9.004897 16.577196 16.781853 18.419106l5.525732 1.330269c13.81433 4.297792 26.196063 13.916658 33.973019 28.037974 7.776956 14.121315 9.618867 30.084541 6.242031 44.819826l-1.637254 5.62806c-2.353553 7.981613 0.716299 18.930748 6.856001 24.45648 0 0 5.525732 4.911762 20.977315 14.223644 15.553912 9.41421 22.205256 11.870091 22.205257 11.870091 7.572299 2.865194 18.112122 0.102328 23.637853-6.037374l3.888478-4.40012c10.539822-10.437494 24.661137-16.781853 40.21505-16.781853 15.553912 0 29.777556 6.446687 40.215049 16.781853l3.888478 4.40012c5.423404 6.139702 16.065554 8.902568 23.637854 5.935045 0 0 6.753672-2.558209 22.307584-11.87009 15.553912-9.41421 20.977316-14.223643 20.977316-14.223644 6.139702-5.423404 9.209553-16.372539 6.856001-24.45648l-1.637254-5.935046c-3.376836-14.632957-1.534926-30.596183 6.242031-44.615169 7.776956-14.121315 20.158689-23.740182 33.973019-28.037974l5.525732-1.330268c7.776956-1.841911 15.349256-10.130509 16.781852-18.419107 0 0 1.22794-7.367643 1.227941-26.093734 0-18.316778-1.22794-25.786749-1.227941-25.78675zM777.235135 832.338963c-40.010393 0-72.550814-33.768362-72.550814-75.416009s32.438093-75.416009 72.550814-75.416009c40.010393 0 72.550814 33.768362 72.550815 75.518337-0.102328 41.545318-32.540422 75.31368-72.550815 75.313681z m-0.102328-125.761567c-26.707705 0-48.401319 22.61457-48.401319 50.447886s21.693614 50.447886 48.401319 50.447887c26.707705 0 48.401319-22.61457 48.401319-50.447887s-21.693614-50.447886-48.401319-50.447886z" fill="#f44100" p-id="13252"/></svg>
            <span class="tab-label" :class="{active:tab2}">房源</span>
        </a>
        <a @click="openF('html/msg.html',3)">
            <svg v-show="!tab3" class="icon" aria-hidden="true">
                <use xlink:href="#icon-message-o"></use>
            </svg>
            <svg v-show="tab3" class="icon active" aria-hidden="true">
                <use xlink:href="#icon-message"></use>
            </svg>
            <span class="tab-label" :class="{active:tab3}">消息</span>
        </a>
        <a @click="openF('html/me.html',4)">
            <svg v-show="!tab4" class="icon" aria-hidden="true">
                <use xlink:href="#icon-user-o"></use>
            </svg>
            <svg v-show="tab4" class="icon active" aria-hidden="true">
                <use xlink:href="#icon-user"></use>
            </svg>
            <span class="tab-label" :class="{active:tab4}">我</span>
        </a>
    </nav>
</main>

<script type="text/javascript" src="./lib/js/crypto-js.js"></script>
<script type="text/javascript" src="./lib/js/aes.js"></script>
<script type="text/javascript" src="./lib/js/mui.js"></script>
<script type="text/javascript" src="./lib/js/api.js"></script>
<script type="text/javascript" src="./lib/js/babel-polyfill.js"></script>
<script type="text/javascript" src="./lib/js/vue.min.js"></script>
<script type="text/javascript" src="./lib/js/jquery.js"></script>
<script type="text/javascript" src="./script/util.js"></script>
<script type="text/javascript" src="./script/index.js"></script>
</body>
</html>
